<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Revauc</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />

<script src="js/jquery.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script>
	$(function(){
		$('#demandSlider, #sellerSlider, #closingDealsSlider, #groupDealsSlider').slides({
			play: 10000,
			preload: true,
			effect: 'slide, fade',
			crossfade: true,
			slideSpeed: 350,
			fadeSpeed: 500,
			generateNextPrev: true,
			generatePagination: false
		});
		
	});
	
</script>
</head>
<body>
    <div id="wrap">
	<div class="top-nav">
    	<ul class="menu">
        	<li><a href="JavaScript:void(0);">Home</a></li>
            <li>|</li>
        	<li><a href="JavaScript:void(0);">About Revauc</a></li>
            <li>|</li>
            <li><a href="JavaScript:void(0);">Blog</a></li>
            <li>|</li>
        	<li><a href="JavaScript:void(0);">How it works</a></li>
        </ul>
        <ul class="account-settings">
        	<li><a href="JavaScript:void(0);">My Dashboard</a></li>
            <li>|</li>
        	<li><a href="JavaScript:void(0);"><span>13</span>&nbsp;Notifications</a></li>
            <li>|</li>
            <li><a href="JavaScript:void(0);">John Pandey<img src="images/down-arrow.png" /></a></li>
        </ul>
    </div><!---End of top-nav--->
    <div class="clearfix"></div>
    	<div id="header">
            <a href="#"><img src="images/logo.png" /></a>
        	<div class="search-data">
            	<div class="lt-bg"></div>
                <div class="cr-bg">
                <ul>
                	<li><a href="JavaScript:void(0);">Market Place</a></li>
                	<li><a href="<%=request.getContextPath()%>/newDeal.html">Create new deal</a></li>
                	<li class="active"><a href="JavaScript:void(0);"  class="search-cat">View Master Catalouge</a><span class="right-bg"></span></li>
		            <li><input type="text" class="search-input" /><a href="JavaSAcript:void(0);" class="search-btn">Search</a></li>
                </ul>
                </div>
                <div class="rt-bg"></div>
            </div><!---End of search-data--->
        </div><!-- #header -->
        <div class="content">
        	<div class="content-top-bg">
            </div>
            <div class="content-mid-bg">
            <p>The Marketplace is your one place for getting deals the way you want it. As a seller you get the choice of selecting your customers the way you want it.</p>
            <h1>Latest on the Marketplace </h1>
            <div class="sub-content">
            	<div class="sub-content-top">
            	<div class="deals">
                	<a href="JavaScript:void(0);" class="btn-link active-link"><span>Open deals</span></a>
                    <a href="JavaScript:void(0);" class="btn-link"><span>Closed deals</span></a>
                </div><!---End of deals--->
                <div class="date">
                	<ul>
  	                  <li class="curve-l active-date"><a href="JavaScript:void(0);">All time</a></li>
  	                  <li><a href="JavaScript:void(0);">This week</a></li>
  	                  <li class="curve-r"><a href="JavaScript:void(0);">Monthly</a></li>
                    </ul>
                </div><!---End of date--->
                </div><!---End of sub-content-top--->
                <div class="sub-content-mid">
                	<ul class="left-nav">
                    	<li><a href="JavaScript:void(0);">All (456)</a></li>
                    	<li class="active-category"><a href="JavaScript:void(0);">Electronics (35)</a></li>
                    	<li><a href="JavaScript:void(0);">Beauty and Health (10)</a></li>
                    	<li><a href="JavaScript:void(0);">Travel (41)</a></li>
                    	<li><a href="JavaScript:void(0);">Home Appliances (456)</a></li>
                    	<li><a href="JavaScript:void(0);">Apparel (6)</a></li>
                    </ul>
                    <div class="market-places">
                    	<h3>13 new deals posted. Click here to refresh Marketplace </h3>
                        <div class="market-list">
                        	<div class="product-list">
                            	<div class="fixed-width"><img src="images/iphonenew.png" /></div>
                                <div class="product-details">
                                	<h2>iPhone4</h2>
                                    <p>Looking for unlocked iPhone 4 with a quick chat and an email facility.</p>
                                    <p>Deal created by: <a href="JavaScript:void(0)">User Name</a></p>
                                    <ul>
                                    	<li><a href="JavaScript:void(0);">Join Group</a></li>
                                        <li>|</li>
                                    	<li><a href="JavaScript:void(0);">Share with friends</a></li>
                                        <li>|</li>
                                        <li><img src="images/like.png" /></li>
                                    </ul>
                                </div><!---End of product-details--->
                            </div><!---End of product-list--->
                        	<div class="product-list">
                            	<div class="fixed-width"><img src="images/dell.png" /></div>
                                <div class="product-details">
                                	<h2>iPhone4</h2>
                                    <p>Looking for unlocked iPhone 4 with a quick chat and an email facility.</p>
                                    <p>Deal created by: <a href="JavaScript:void(0)">User Name</a></p>
                                    <ul>
                                    	<li><a href="JavaScript:void(0);">Join Group</a></li>
                                        <li>|</li>
                                    	<li><a href="JavaScript:void(0);">Share with friends</a></li>
                                        <li>|</li>
                                        <li><img src="images/like.png" /></li>
                                    </ul>
                                </div><!---End of product-details--->
                            </div><!---End of product-list--->
                        	<div class="product-list">
                            	<div class="fixed-width"><img src="images/tablet.png" /></div>
                                <div class="product-details">
                                	<h2>iPhone4</h2>
                                    <p>Looking for unlocked iPhone 4 with a quick chat and an email facility.</p>
                                    <p>Deal created by: <a href="JavaScript:void(0)">User Name</a></p>
                                    <ul>
                                    	<li><a href="JavaScript:void(0);">Join Group</a></li>
                                        <li>|</li>
                                    	<li><a href="JavaScript:void(0);">Share with friends</a></li>
                                        <li>|</li>
                                        <li><img src="images/like.png" /></li>
                                    </ul>
                                </div><!---End of product-details--->
                            </div><!---End of product-list--->
                        	<div class="product-list">
                            	<img src="images/iphonenew.png" />
                                <div class="product-details">
                                	<h2>iPhone4</h2>
                                    <p>Looking for unlocked iPhone 4 with a quick chat and an email facility.</p>
                                    <p>Deal created by: <a href="JavaScript:void(0)">User Name</a></p>
                                    <ul>
                                    	<li><a href="JavaScript:void(0);">Join Group</a></li>
                                        <li>|</li>
                                    	<li><a href="JavaScript:void(0);">Share with friends</a></li>
                                        <li>|</li>
                                        <li><img src="images/like.png" /></li>
                                    </ul>
                                </div><!---End of product-details--->
                            </div><!---End of product-list--->
                        </div><!---End of market-list--->
                    </div><!---End of market-places--->
                </div><!---End of sub-content-mid--->
                <div class="sub-content-bottom"></div>
            </div><!---End of sub-content--->
            
            <div class="marketplace-blk">
            	<h2>Markepalce Highlights</h2>
                
                <div class="slider-blk">
                	<div class="slider-hd">
                    	What's in demand
                    </div><!-- .slider-hd -->
                <div class="slider-bd" id="demandSlider">
                  <div class="slides_container">
                    <div>
                    	<img src="images/img1.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img1.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img1.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img1.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                  </div><!-- .slides_container -->
                </div> <!-- .slider-bd -->                   
                    <div class="slider-ft">
                    </div><!-- .slider-ft -->
                </div><!-- .slider-blk-->
                
                <div class="slider-blk">
                	<div class="slider-hd">
                    	Highest Sellers
                    </div><!-- .slider-hd -->
                <div class="slider-bd" id="sellerSlider">
                  <div class="slides_container">
                    <div>
                    	<img src="images/img2.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img2.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img2.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img2.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                  </div><!-- .slides_container -->
                </div> <!-- .slider-bd -->                   
                    <div class="slider-ft">
                    </div><!-- .slider-ft -->
                </div><!-- .slider-blk-->
                <div class="slider-blk">
                	<div class="slider-hd">
                    	Closing deals
                    </div><!-- .slider-hd -->
                <div class="slider-bd" id="closingDealsSlider">
                  <div class="slides_container">
                    <div>
                    	<img src="images/img3.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img3.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img3.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img3.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                  </div><!-- .slides_container -->
                </div> <!-- .slider-bd -->                   
                    <div class="slider-ft">
                    </div><!-- .slider-ft -->
                </div><!-- .slider-blk-->
                <div class="slider-blk" style="margin-right:0">
                	<div class="slider-hd">
                    	Latest Group Deals
                    </div><!-- .slider-hd -->
                <div class="slider-bd" id="groupDealsSlider">
                  <div class="slides_container">
                    <div>
                    	<img src="images/img4.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img4.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img4.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                    <div>
                    	<img src="images/img4.jpg" />
                        <a href="#" class="slide-prod-title">Deals/Product Title</a>
                    </div>
                  </div><!-- .slides_container -->
                </div> <!-- .slider-bd -->                   
                    <div class="slider-ft">
                    </div><!-- .slider-ft -->
                </div><!-- .slider-blk-->
            
            
            </div><!-- .marketplace-blk -->
            
            </div><!---End of content-mid-bg--->
            <div class="content-bottom-bg"></div>
        </div><!---End of content--->  
      <div id="footer">
        	<div>&copy; Copyright Ravauc India pvt.ltd. 2011</div>
        	<a href="#">Terms & Conditions </a> | 
        	<a href="#">Site Map</a> | 
        	<a href="#"> Verisign Secure Site</a> | 
        	<a href="#">CC Avenue</a>
        </div><!--#footer -->   
	<div class="clear"></div>  
    </div><!-- #wrap -->
</body>
</html>
